<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0，maximum-scale=1.0, user-scalable=0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../icon/iconfont.css">
    <link rel="stylesheet" href="../css/xiaomi10.css">
    <script src="../js/moveapp.js"></script>
</head>
<body>
   <header>
       <ul>
           <li>商品</li>
           <li>评价</li>
           <li>详情</li>
           <li>推荐</li>
       </ul>
       <div>
           <a class="iconfont icon-xiangzuojiantou" href=""></a>
           <a class="iconfont icon-fenxiang" href=""></a>
       </div>

   </header>
   <article>
       <aside class="big_img">
            <div>
                <img src="../img/xiaomi1.jpg" alt="">
                <img src="../img/xiaomi2.jpg" alt="">
                <img src="../img/xiaomi4.jpg" alt="">
            </div>
            <section>
                <span>11/21</span> 
            </section>
        </aside>
        <aside class="aside1">
            <div><p>￥2999<span>￥3299</span></p></div>
        </aside>
        <aside class="aside2">
            <div>
                <span>预计得300米金</span>
                <p>赠完即止：满1件赠价值129元小米...</p>
            </div>
            <div>
                <a href="">更多 ></a>
            </div>
            
        </aside>
        <aside class="aside3">
            <h5>xiaomi 10S</h5>
            <p> 「至高享24期兔息，赠真无线蓝牙耳机,信用卡分期至高减20
                元,赠897元三人体检套餐,赠5G专属大流量卡」</p>
            <ol>
                <li>① [高端音质]对称式双扬立体声多场景360立体音效</li>
                <li>② [旗舰新秀] 骁龙870+LPDDR5+Wi-Fi 6</li>
                <li>③ [计算摄影] 1亿像素8K电影相机</li>
            </ol>
        </aside>
        <aside class="aside4">
            <a href=""> xiaomi 10S 购机优选福利> </a>
        </aside>
        <aside class="aside5">
            <ul>
                <li>
                    <img src="../img/xiaomi9.png" alt="">
                    <p>CPU</p>
                    <span>高通骁龙870</span>
                </li>
                <li>
                    <img src="../img/xiaomi9.png" alt="">
                    <p>CPU</p>
                    <span>高通骁龙870</span>
                </li>
                <li>
                    <img src="../img/xiaomi9.png" alt="">
                    <p>CPU</p>
                    <span>高通骁龙870</span>
                </li>
                <li>
                    <img src="../img/xiaomi9.png" alt="">
                    <p>CPU</p>
                    <span>高通骁龙870</span>
                </li>
                <li>
                    <img src="../img/xiaomi9.png" alt="">
                    <p>CPU</p>
                    <span>高通骁龙870</span>
                </li>
                <li>
                    <img src="../img/xiaomi9.png" alt="">
                    <p>CPU</p>
                    <span>高通骁龙870</span>
                </li>
                <li>
                    <img src="../img/xiaomi9.png" alt="">
                    <p>CPU</p>
                    <span>高通骁龙870</span>
                </li>
                <li>
                    <img src="../img/xiaomi9.png" alt="">
                    <p>CPU</p>
                    <span>高通骁龙870</span>
                </li>
                <li>
                    <img src="../img/xiaomi9.png" alt="">
                    <p>CPU</p>
                    <span>高通骁龙870</span>
                </li>
                <li>
                    <img src="../img/xiaomi9.png" alt="">
                    <p>CPU</p>
                    <span>高通骁龙870</span>
                </li>
            </ul>
        </aside>
        <aside class="aside6">
            <img src="./img/xiaomi7.png" alt="">
            <span>【手机直降热销榜】第3名</span>
        </aside>
        <aside class="aside7">
            <div class="aside7_div1"><a href="">已选</a></div>
            <div class="aside7_div2"><span>xiaomi 10S 8GB+128GB 黑色x1</span></div>
        </aside>
   </article>
   <footer></footer>
</body>
</html>